// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`The DAG graph in the basic case renders the graph svg 1`] = `
<svg
  height="540"
  viewBox="0,0,1000,540"
  width="1000"
>
  <g
    fill="none"
    stroke-opacity="0.8"
  >
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-0"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-1"
        x1="116"
        x2="361.3333333333333"
      >
        <stop
          offset="0%"
          stop-color="#e17223"
        />
        <stop
          offset="100%"
          stop-color="#83ab4a"
        />
      </lineargradient>
      <clippath
        id="reference-2"
      >
        <path
          d="
    M100, 129
    V158
    H377.3333333333333
    V100
    H100
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip63)"
        d="M108,129L190,129L190,129L369.3333333333333,129"
        stroke="url(#dag-grad53)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-3"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-4"
        x1="377.3333333333333"
        x2="622.6666666666666"
      >
        <stop
          offset="0%"
          stop-color="#83ab4a"
        />
        <stop
          offset="100%"
          stop-color="#6f3500"
        />
      </lineargradient>
      <clippath
        id="reference-5"
      >
        <path
          d="
    M361.3333333333333, 129.0000000000002
    V158.0000000000002
    H638.6666666666666
    V100
    H361.3333333333333
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip64)"
        d="M369.3333333333333,129L509.3333333333333,129L509.3333333333333,129.0000000000002L630.6666666666666,129.0000000000002"
        stroke="url(#dag-grad54)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-6"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-7"
        x1="116"
        x2="622.6666666666666"
      >
        <stop
          offset="0%"
          stop-color="#5772ff"
        />
        <stop
          offset="100%"
          stop-color="#6f3500"
        />
      </lineargradient>
      <clippath
        id="reference-8"
      >
        <path
          d="
    M100, 187.0000000000002
    V241.00000000000003
    H638.6666666666666
    V158.0000000000002
    H100
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip65)"
        d="M108,212.00000000000003L306,212.00000000000003L306,187.0000000000002L630.6666666666666,187.0000000000002"
        stroke="url(#dag-grad55)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-9"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-10"
        x1="116"
        x2="361.3333333333333"
      >
        <stop
          offset="0%"
          stop-color="#b24800"
        />
        <stop
          offset="100%"
          stop-color="#006887"
        />
      </lineargradient>
      <clippath
        id="reference-11"
      >
        <path
          d="
    M100, 269.9999999999998
    V324
    H377.3333333333333
    V240.99999999999977
    H100
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip66)"
        d="M108,295L338.93333333333334,295L338.93333333333334,269.9999999999998L369.3333333333333,269.9999999999998"
        stroke="url(#dag-grad56)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-12"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-13"
        x1="116"
        x2="361.3333333333333"
      >
        <stop
          offset="0%"
          stop-color="#25d2d2"
        />
        <stop
          offset="100%"
          stop-color="#487900"
        />
      </lineargradient>
      <clippath
        id="reference-14"
      >
        <path
          d="
    M100, 352.99999999999994
    V407.00000000000006
    H377.3333333333333
    V323.99999999999994
    H100
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip67)"
        d="M108,378.00000000000006L144.66666666666669,378.00000000000006L144.66666666666669,352.99999999999994L369.3333333333333,352.99999999999994"
        stroke="url(#dag-grad57)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-15"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-16"
        x1="377.3333333333333"
        x2="622.6666666666666"
      >
        <stop
          offset="0%"
          stop-color="#006887"
        />
        <stop
          offset="100%"
          stop-color="#d84280"
        />
      </lineargradient>
      <clippath
        id="reference-17"
      >
        <path
          d="
    M361.3333333333333, 270.0000000000001
    V299.0000000000001
    H638.6666666666666
    V240.99999999999977
    H361.3333333333333
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip68)"
        d="M369.3333333333333,269.9999999999998L464,269.9999999999998L464,270.0000000000001L630.6666666666666,270.0000000000001"
        stroke="url(#dag-grad58)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-18"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-19"
        x1="377.3333333333333"
        x2="622.6666666666666"
      >
        <stop
          offset="0%"
          stop-color="#487900"
        />
        <stop
          offset="100%"
          stop-color="#d84280"
        />
      </lineargradient>
      <clippath
        id="reference-20"
      >
        <path
          d="
    M361.3333333333333, 328.0000000000001
    V381.99999999999994
    H638.6666666666666
    V299.0000000000001
    H361.3333333333333
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip69)"
        d="M369.3333333333333,352.99999999999994L522,352.99999999999994L522,328.0000000000001L630.6666666666666,328.0000000000001"
        stroke="url(#dag-grad59)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-21"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-22"
        x1="377.3333333333333"
        x2="622.6666666666666"
      >
        <stop
          offset="0%"
          stop-color="#487900"
        />
        <stop
          offset="100%"
          stop-color="#3547de"
        />
      </lineargradient>
      <clippath
        id="reference-23"
      >
        <path
          d="
    M361.3333333333333, 411
    V440
    H638.6666666666666
    V381.99999999999994
    H361.3333333333333
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip70)"
        d="M369.3333333333333,410.99999999999994L580,410.99999999999994L580,411L630.6666666666666,411"
        stroke="url(#dag-grad60)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-24"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-25"
        x1="638.6666666666666"
        x2="884"
      >
        <stop
          offset="0%"
          stop-color="#d84280"
        />
        <stop
          offset="100%"
          stop-color="#006887"
        />
      </lineargradient>
      <clippath
        id="reference-26"
      >
        <path
          d="
    M622.6666666666666, 270.1890725105691
    V299.1890725105691
    H900
    V241.0000000000001
    H622.6666666666666
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip71)"
        d="M630.6666666666666,270.0000000000001L861.6,270.0000000000001L861.6,270.1890725105691L892,270.1890725105691"
        stroke="url(#dag-grad61)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
    <g
      class="dag-link gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke-opacity gl-transition-timing-function-ease"
      id="reference-27"
    >
      <lineargradient
        gradientUnits="userSpaceOnUse"
        id="reference-28"
        x1="638.6666666666666"
        x2="884"
      >
        <stop
          offset="0%"
          stop-color="#3547de"
        />
        <stop
          offset="100%"
          stop-color="#275600"
        />
      </lineargradient>
      <clippath
        id="reference-29"
      >
        <path
          d="
    M622.6666666666666, 411
    V440
    H900
    V382
    H622.6666666666666
    Z
  "
        />
      </clippath>
      <path
        clip-path="url(#dag-clip72)"
        d="M630.6666666666666,411L679.9999999999999,411L679.9999999999999,411L892,411"
        stroke="url(#dag-grad62)"
        stroke-width="56"
        style="stroke-linejoin: round;"
      />
    </g>
  </g>
  <g>
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-30"
      stroke="#e17223"
      stroke-linecap="round"
      stroke-width="16"
      x1="108"
      x2="108"
      y1="104"
      y2="154.00000000000003"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-31"
      stroke="#83ab4a"
      stroke-linecap="round"
      stroke-width="16"
      x1="369"
      x2="369"
      y1="104"
      y2="154"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-32"
      stroke="#5772ff"
      stroke-linecap="round"
      stroke-width="16"
      x1="108"
      x2="108"
      y1="187.00000000000003"
      y2="237.00000000000003"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-33"
      stroke="#b24800"
      stroke-linecap="round"
      stroke-width="16"
      x1="108"
      x2="108"
      y1="270"
      y2="320.00000000000006"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-34"
      stroke="#25d2d2"
      stroke-linecap="round"
      stroke-width="16"
      x1="108"
      x2="108"
      y1="353.00000000000006"
      y2="403.0000000000001"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-35"
      stroke="#6f3500"
      stroke-linecap="round"
      stroke-width="16"
      x1="630"
      x2="630"
      y1="104.0000000000002"
      y2="212.00000000000009"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-36"
      stroke="#006887"
      stroke-linecap="round"
      stroke-width="16"
      x1="369"
      x2="369"
      y1="244.99999999999977"
      y2="294.99999999999994"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-37"
      stroke="#487900"
      stroke-linecap="round"
      stroke-width="16"
      x1="369"
      x2="369"
      y1="327.99999999999994"
      y2="436"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-38"
      stroke="#d84280"
      stroke-linecap="round"
      stroke-width="16"
      x1="630"
      x2="630"
      y1="245.00000000000009"
      y2="353"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-39"
      stroke="#3547de"
      stroke-linecap="round"
      stroke-width="16"
      x1="630"
      x2="630"
      y1="386"
      y2="436"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-40"
      stroke="#006887"
      stroke-linecap="round"
      stroke-width="16"
      x1="892"
      x2="892"
      y1="245.18907251056908"
      y2="295.1890725105691"
    />
    <line
      class="dag-node gl-cursor-pointer gl-transition-duration-slow gl-transition-property-stroke gl-transition-timing-function-ease"
      id="reference-41"
      stroke="#275600"
      stroke-linecap="round"
      stroke-width="16"
      x1="892"
      x2="892"
      y1="386"
      y2="436"
    />
  </g>
  <g
    class="gl-font-sm"
  >
    <foreignobject
      class="gl-overflow-visible"
      height="58.00000000000003px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="8"
      y="100"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58.00000000000003px; text-align: right;"
      >
        build_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="369.3333333333333"
      y="75"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: left;"
      >
        test_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="58px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="8"
      y="183.00000000000003"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58px; text-align: right;"
      >
        test_b
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="58.00000000000006px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="8"
      y="266"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58.00000000000006px; text-align: right;"
      >
        post_test_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="58.00000000000006px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="8"
      y="349.00000000000006"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58.00000000000006px; text-align: right;"
      >
        post_test_b
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="630.6666666666666"
      y="75.0000000000002"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: right;"
      >
        post_test_c
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="369.3333333333333"
      y="215.99999999999977"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: left;"
      >
        staging_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="369.3333333333333"
      y="298.99999999999994"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: left;"
      >
        staging_b
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="630.6666666666666"
      y="216.00000000000009"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: right;"
      >
        canary_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="25px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="630.6666666666666"
      y="357"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 25px; text-align: right;"
      >
        canary_c
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="58px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="908"
      y="241.18907251056908"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58px; text-align: left;"
      >
        production_a
      </div>
    </foreignobject>
    <foreignobject
      class="gl-overflow-visible"
      height="58px"
      requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"
      width="84"
      x="908"
      y="382"
    >
      <div
        class="gl-display-flex gl-flex-direction-column gl-justify-content-center gl-overflow-wrap-break gl-pointer-events-none"
        style="height: 58px; text-align: left;"
      >
        production_d
      </div>
    </foreignobject>
  </g>
</svg>
`;
